
<div class="chapter-navi visible-xs" class="row">
    <span class="menu-button" id="tblcontents"><i class="fa fa-bars"></i></span>
</div>

<div class="col-md-12 col-sm-12 col-lg-10 ctnWpr">
    <div class="blockTitle">
        <h3>Mới cập nhật</h3>
    </div>
    <div class="topContent">
        <div class="row lstUpdate">
            <?php for ($i = 0; $i < 6; $i++): ?>
                <?php $u = $update[$i]; ?>
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 lstChapterRow">
                    <div class="row">
                        <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7">
                            <a href="/truyen/<?= $u['slug'] ?>">
                                <?= $u['name'] ?>
                            </a>
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                            <a href="/truyen/<?= $u['slug'] ?>/chuong/<?= $u['chapter'] ?>">
                                <span class="badge"><?= $u['chapter'] ?></span>
                            </a>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                            <small><?= date('d-m-Y', $u['created']) ?></small>
                        </div>
                    </div>
                </div>
            <?php endfor; ?>
        </div>
    </div>

    <div class="blockTitle">
        <h3>Truyện Mới</h3>
    </div>
    <div class="topContent">
        <div class="row">
            <?php foreach ($topNovel as $m): ?>
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
                    <div class="thumbnail">
                        <a class="thumbnailImg" href="<?= base_url() . 'truyen/' . $m->slug ?>">
                            <img alt="<?= $m->name ?>" title="<?= $m->name ?>" src="<?= STATIC_URL . ($m->cover != '' ? $m->cover : DEFAULT_IMG) ?>"/>
                        </a>
                        <div class="caption text-center">
                            <p class="">
                                <a class="text-primary" href="<?= base_url() . 'truyen/' . $m->slug ?>">
                                    <?= $m->name ?>
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>    
    </div>


    <div class="row">
        <div class="section group">
            <?php
            if (count($listCats) > 0):
                foreach ($listCats as $ns):
                    if (count($ns) > 0):
                        ?>
                        <div class="col_1_of_4 span_1_of_4">
                            <a href="/the-load/<?= $ns[0]->cat_slug ?>"><h4><?= $ns[0]->cat_name ?></h4></a>
                            <ul>
                                <?php foreach ($ns as $n): ?>
                                    <li><a href="/truyen/<?= $n->slug ?>"><?= $n->name ?></a></li>    
                                <?php endforeach; ?>
                            </ul>
                        </div>    
                        <?php
                    endif;
                endforeach;
            endif;
            ?>
            <!--            <div class="col_1_of_4 span_1_of_4">
                            <h4>Lorem ipsum dolor sit amet</h4>
                            <ul>
                                <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                                <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                                <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                                <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                                <li><a href="contact.html">Lorem ipsum dolor sit amet</a></li>
                            </ul>
                        </div>
                        <div class="col_1_of_4 span_1_of_4">
                            <h4>Lorem ipsum dolor sit amet</h4>
                            <ul>
                                <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                                <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                                <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                                <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                                <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                            </ul>
                        </div>
                        <div class="col_1_of_4 span_1_of_4">
                            <h4>Contact</h4>
                            <ul>
                                <li><span>123-456-789</span></li>
                                <li><span>123-000-000</span></li>
                            </ul>
                            <div class="social-icons">
                                <h4>Follow Us</h4>
                                <ul>
                                    <li><a href="#" target="_blank"><img src="<?= base_url() ?>assets/img/facebook.png" alt=""></a></li>
                                    <li><a href="#" target="_blank"><img src="<?= base_url() ?>assets/img/twitter.png" alt=""></a></li>
                                    <li><a href="#" target="_blank"><img src="<?= base_url() ?>assets/img/skype.png" alt=""> </a></li>
                                    <li><a href="#" target="_blank"> <img src="<?= base_url() ?>assets/img/linkedin.png" alt=""></a></li>
                                    <div class="clear"></div>
                                </ul>
                            </div>
                        </div>-->
        </div>
    </div>
</div>
